// 实现登录注册之间的切换
(function () {
  $(".box a").on("click", function () {
    $(this).parents(".box").hide().siblings(".box").show();
  });

  // $(".login a").on("click", function () {
  //   $(".register").show();
  // });
  // $(".register a").on("click", function () {
  //   $(".register").hide();
  // });
})();
//登录功能
$(".login button").on("click", function (e) {
  e.preventDefault();
  let data = $(".login form").serialize();
  // console.log(data);
  $.ajax({
    type: "POST",
    data: data,
    url: "/api/login",
    success: function (res) {
      // console.log(res);
      if (res.status === 0) {
        // alert(res.message);
        localStorage.setItem("token", res.token);
        layer.msg(
          res.message,
          {
            // icon: 1,
            time: 2000, //2秒关闭（如果不配置，默认是3秒）
          },
          function () {
            //do something
            location.href = "./index.html";
          }
        );
      }
    },
  });
});
// 注册功能
$(".register button").on("click", function (e) {
  e.preventDefault();
  let data = $(".register form").serialize();
  // console.log(data);
  $.ajax({
    type: "POST",
    data: data,
    url: "/api/reguser",
    success: function (res) {
      // console.log(res);
      if (res.status === 0) {
        // alert(res.message);
        layer.msg(
          res.message,
          {
            // icon: 1,
            time: 2000, //2秒关闭（如果不配置，默认是3秒）
          },
          function () {
            //do something
            // location.href = "./index.html";
            $(".register form")[0].reset();
            $(".login").show().next().hide();
          }
        );
      }
    },
  });
});
// 表单验证
let form = layui.form;
// console.log(form);
form.verify({
  username: [/^\w{2,10}$/, "用户名长度必须是2-10位"],
  pwd: [/^\w{6,12}$/, "密码长度必须是6-12位"],

  //我们既支持上述函数式的方式，也支持下述数组的形式
  //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
  // pass: [/^[\S]{6,12}$/, "密码必须6到12位，且不能出现空格"],
  same: function (va) {
    let pwd = $(".pwd").val();
    if (pwd !== va) {
      return "两次密码输入不一致";
    }
  },
});
